<?php
	
		

		$current_user = wp_get_current_user(); 
			if($current_user->ID== 0){
		  		echo "<h2>Access denied</h2>";
				return '';
			}
		$bootstrap =  plugins_url( '/bootstrap', __FILE__ ) ;
		$datepicker =  plugins_url( 'jquery.ui.datepicker.min.js', __FILE__ ) ;
		$pick =  plugins_url( 'pickdate/picker.js', __FILE__ ) ;
		$pickdate =  plugins_url( 'pickdate/picker.date.js', __FILE__ ) ;
		$pickcss =  plugins_url( 'pickdate/themes/default.css', __FILE__ ) ;
		$pickdatecss =  plugins_url( 'pickdate/themes/default.date.css', __FILE__ ) ;
		$jquery =  plugins_url( 'jquery.min.js', __FILE__ ) ;
		//wp_enqueue_script('jquery-ui-core');
		//wp_enqueue_script('jquery');
		//wp_enqueue_script('jquery-ui-datepicker');
		//wp_enqueue_script('jquery-ui-widget');
		

		$aletifycss = plugins_url('/alertify/',__FILE__);

	
?>

	<script src = "<?php echo $jquery; ?>"></script>
	<!--script src = "<?php echo $datepicker; ?>"></script-->
	<script src = "<?php echo $pick; ?>"></script>
	<script src = "<?php echo $pickdate; ?>"></script>
	
	<link rel="stylesheet" href="<?php echo $pickcss; ?>">
	<link rel="stylesheet" href="<?php echo $pickdatecss; ?>">


	<link rel="stylesheet" href="<?php echo $bootstrap?>/css/bootstrap.css">
	<link rel="stylesheet" href="<?php echo $bootstrap?>/css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="<?php echo $aletifycss?>alertify.core.css">
	<link rel="stylesheet" href="<?php echo $aletifycss?>alertify.default.css">
	<link rel="stylesheet" href="<?php echo $aletifycss?>alertify.bootstrap.css">

	<style>

		.glyphicon:hover{
			color:grey;
		}

	

		#paymentDivModalbg{
			display: none;
			width: 100%;
			height: 100%;
			position: fixed;
			/*overflow: hidden;*/
			left: 0;
			top: 0;
			z-index: 99999;
			text-align: center;
			background: rgba(0,0,0,0.1);
		}

		#paymentDivModal{
			position: relative;
			width:500px;
			height: 300px;
			top:50px;
			margin-left:auto;
			margin-right:auto;
			background-color: white;
			border: 4px solid #666;
		}

		.payButton {
			width: 150px;
			height:25px;
			margin-bottom: 5px;
		}

		#closePaymentDivModal{
		    position: relative;
		    float: right;
		    margin:10px;
		    padding: 10px;
		    cursor: pointer;
    	}

		#clientCourseViewUsers{
			display: none;
			width: 100%;
			height: 100%;
			position: fixed;
			/*overflow: hidden;*/
			left: 0;
			top: 0;
			z-index: 99999;
			text-align: center;
			background: rgba(0,0,0,0.1);
		}

		#clientCourseViewUsers .exists{
			overflow-y: scroll;

		}
		#clientCourseViewUsers .new{
			display:none;
		}

		#clientCourseViewUsersNew{
			display: none;
		}	
		#clientCourseViewUsersNew{
			display: block;
		}

		#clientCourseViewUsers>div{
			position: relative;
			width:500px;
			height: 800px;
			top:50px;
			margin-left:auto;
			margin-right:auto;
			background-color: white;
		}
		
		#clientCourseViewUsers ul{
			list-style: none;
		}
		#clientCourseViewUsers li{
			padding-top: 30px;
			border-bottom: 1px solid #ccc;
		}

		#clientCourseViewUsers li:hover{
			background-color: #eee;
		}



		.li-course .glyphicon{
			display: none;
		}

		.li-course:hover .glyphicon{
			display: inline;
		}

		.part_header{
			font-size: 2em;
			padding-left: 20%;
			padding-right: 30%;
			text-align: center;
			text-decoration: underline;
		}

		.form_header:hover{
			border-bottom: 1px dashed;
		}

		#ui-datepicker-div{
			background-color: #fff;
		}
		.timeTable{
			border:solid 1px #ccc;
			font-size:1em;
		}
		.timeTable tr{
			border:solid 1px #ccc;			
		}
		
		.timeTable .edit{
			min-width: 50px;
			text-align: center;
		}

		.timeTable .edit span{

		}

		.timeTable input, .timeTable select{
			max-width:90px;
		}

	
		.timeTable .center{
			text-align: center;	
		}
		
		.timeTable .minpadding{
			padding:5px;
		}

		.timeTable thead {
			border-bottom: 1px solid black;
		}

		.timeTable .addrow{
			background-color: #ccc;
		}


		.squareTable .choosen{
			background-color: #cb6f36;	
			color: white;
		}	
		.squareTable div{
			display: inline-block;
			width:18px;
			height:18px;
			border: 1px solid #ccc;
			text-align: center;
			vertical-align: middle;
			font-size: 8px;
			
		}
		.squareTableTD{
			min-width: 100px;
		}
		.squareTable .edit{
			min-width: 100px;
		}

		.hoverChoosen{
			background-color: #cb6f36;	
			color: white;
		}

		.tablePageButton{
			background-color: #cb6f36;	
			color: white;
		}
	</style>

